<template  >
  <div id="HelloWorld" class="m-20px">
  <p class="p-20px paaaxxx">
    <a>{{orgBackground}}</a>
    <a @click="clickVite" target="_blank">Vite Documentation</a> |
    <a @click="data.name='_blank'" target="_blank">Vue 3 Documentation</a>
    <a>{{data.name}}</a>
  </p>
</div>
</template>

<script setup>
//水印页面
import { defineProps, reactive, ref, onMounted } from 'vue';
import watermask from '../components/watermask';
let orgBackground = ref('1');
let data = reactive({
  name: '777'
});

const clickVite = () => {
  data.name = "@@@@"
  orgBackground.value++;
}
const state = reactive({ count: 0 });
onMounted(() => {
  watermask.set('水印','HelloWorld');
});
</script>

<style scoped>
.paaaxxx {
  color: red;
  /* background-image: v-bind(url(orgBackground.value)); */
}
</style>